import React from "react";
import st from './su-title.module.css'

interface PropsType {
    fillColor?: string,
    height?: number,
    title: string,
    icon: JSX.Element
}

interface IconType {
    type: 'jiaoyu' | 'gongzuojingli' | 'gongzuoyixiang' | 'jinengfen' |
        'pingjia' | 'qiuzhiyixiang' | 'xiangmujingli'
}

export const MyIcon: React.FC<IconType> = ({type}) => {
    let iconMap = {
        jiaoyu: <svg className="icon" width="200px" height="148.73px" viewBox="0 0 1377 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg">
            <path
                d="M1318.13181 288.735492l-616.415492-219.428571c-5.98146-2.145524-12.483048-2.145524-18.399492 0L72.492698 286.004825C62.415238 289.580698 55.523556 298.682921 55.003429 309.020444 54.548317 319.357968 60.399746 329.045333 70.087111 333.596444L193.097143 391.135492C156.493206 435.216254 151.356952 513.690413 150.966857 548.148825c-28.151873 18.919619-35.693714 40.374857-36.668952 55.913651-2.145524 32.117841 21.455238 58.839365 37.384127 73.077841-24.706032 123.270095-107.341206 200.443937-108.121397 201.289143-5.916444 5.461333-8.97219 13.263238-8.192 21.195175 0.715175 7.866921 5.20127 15.018667 12.092952 19.309714l87.641397 54.873397c4.356063 2.730667 9.362286 4.161016 14.433524 4.161016 3.055746 0 6.176508-0.520127 9.102222-1.560381 133.087492-46.876444 111.567238-261.558857 103.830349-315.652063 17.48927-22.105397 24.836063-44.405841 21.715302-66.381206C281.323683 574.025143 270.140952 559.396571 261.03873 550.619429 232.171683 354.596571 398.612317 456.801524 379.172571 449.714794l303.949206 110.331937c6.046476 2.145524 12.678095 2.145524 18.659556 0l616.415492-222.744381c10.467556-3.770921 17.424254-13.458286 17.359238-24.315937S1328.599365 292.506413 1318.13181 288.735492zM219.753651 584.297651c0.130032 0.065016 10.337524 6.956698 11.637841 17.424254 1.430349 11.702857-8.387048 25.031111-16.904127 34.133333-5.461333 5.916444-7.866921 13.913397-6.501587 21.780317 10.987683 61.635048 20.740063 223.459556-56.173714 265.199746l-48.956952-30.622476c31.727746-36.798984 87.186286-114.297905 104.155429-221.314032 1.495365-9.622349-2.730667-19.309714-10.922667-25.031111-10.07746-6.891683-29.387175-25.876317-28.541968-38.359365C168.131048 598.276063 182.044444 589.758984 190.366476 585.467937 199.338667 580.85181 204.8 571.619556 204.474921 561.737143 202.459429 506.538667 215.917714 421.432889 250.896254 412.460698 227.425524 442.563048 206.230349 490.089651 207.660698 563.102476 207.855746 571.489524 212.601905 579.551492 219.753651 584.297651zM692.484063 508.229079 149.991619 313.571556l542.427429-192.446984 539.56673 192.056889L692.484063 508.229079zM1082.644317 450.364952l-376.116825 123.400127L324.819302 450.299937c-8.061968-2.600635-17.099175-1.365333-24.055873 3.575873C293.80673 458.752 289.645714 466.553905 289.645714 474.810921l0 82.310095c0 8.842159 4.681143 17.16419 12.418032 21.845333 15.148698 9.29727 23.79581 20.154921 26.396444 33.223111 4.681143 23.210667-10.532571 50.25727-16.774095 58.579302-7.736889 10.272508-6.631619 24.510984 2.665651 33.54819 96.288508 93.687873 260.128508 113.387683 380.732952 113.387683 85.430857 0 148.756317-9.687365 152.527238-10.272508 239.908571-47.656635 266.695111-121.189587 269.685841-135.493079 0.325079-1.625397 0.520127-3.380825 0.520127-5.071238L1117.817905 474.875937c0-8.322032-4.096-16.188952-11.117714-21.000127C1099.678476 448.999619 1090.771302 447.699302 1082.644317 450.364952zM1064.504889 661.731556 1064.504889 661.731556c-6.176508 10.142476-44.210794 58.514286-226.38527 94.728127-1.430349 0.195048-319.227937 48.436825-470.909968-75.353397 9.492317-18.529524 19.829841-47.461587 13.783365-78.344127C376.571937 579.876571 363.503746 559.786667 343.088762 543.857778L343.088762 510.764698l355.116698 114.818032c5.461333 1.820444 11.442794 1.820444 16.969143 0l349.330286-114.622984L1064.504889 661.731556z"
                fill="#272636"/>
        </svg>,
        gongzuojingli: <svg className="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg">
            <path
                d="M313.1 256.2v-53.5c0-29.5 24-53.5 53.5-53.5h267.5c29.5 0 53.5 24 53.5 53.5v53.5h107c29.5 0 53.5 24 53.5 53.5V711c0 29.5-24 53.5-53.5 53.5H206.1c-29.5 0-53.5-24-53.5-53.5V309.7c0-29.5 24-53.5 53.5-53.5h107z m321 0v-26.8c0-14.8-12-26.8-26.8-26.8h-214c-14.8 0-26.8 12-26.8 26.8v26.8h267.6z m-321 53.5h-80.3c-14.8 0-26.8 12-26.8 26.8v347.8c0 14.8 12 26.8 26.8 26.8h535c14.8 0 26.8-12 26.8-26.8V336.4c0-14.8-12-26.8-26.8-26.8H313.1z m321.1 166.4H366.6v26.8c0 14.8-12 26.8-26.8 26.8s-26.8-12-26.8-26.8v-26.8H206v-53.5h107v-26.8c0-14.8 12-26.8 26.8-26.8s26.8 12 26.8 26.8v26.8h267.5v-26.8c0-14.8 12-26.8 26.8-26.8s26.8 12 26.8 26.8v26.8h107v53.5h-107v26.8c0 14.8-12 26.8-26.8 26.8s-26.8-12-26.8-26.8v-26.8z"/>
        </svg>,
        gongzuoyixiang: <svg className="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg">
            <path d="M133.77 584.16L318.53 696.1l24.9 189.12 101.84-109.4L692.75 928l201.4-792.95-760.38 449.11z"
                  fill="#303030"/>
            <path
                d="M111.94 560.56l-7.2 4.25 189.85 115 26 197.27 106.26-114.15 249.78 153.6 206-811.19z m12.28 4.36l717.33-423.68-543 529.29z m180.3 113.72l535.67-522.11-418.1 596.85-94.38 101.38z m365.77 222.25L433.13 755l430.16-614z"
                fill="#EDA545"/>
        </svg>,
        jinengfen: <svg className="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg">
            <path
                d="M716.8 422.175439l-100.603509 100.603508-97.010526-97.010526 100.603509-100.603509c-62.877193-25.150877-138.329825-12.575439-188.631579 39.522807-50.301754 50.301754-64.673684 125.754386-39.522807 188.631579l-71.859649 71.859649c-26.947368 26.947368-26.947368 70.063158 0 97.010527s70.063158 26.947368 97.010526 0l71.859649-71.859649c62.877193 25.150877 138.329825 12.575439 188.631579-39.522807 50.301754-52.098246 64.673684-125.754386 39.522807-188.631579z"
                fill="#2D3234"/>
            <path
                d="M481.459649 970.105263c0-21.557895-16.168421-41.319298-37.726316-43.115789-197.614035-32.336842-350.315789-206.596491-350.315789-414.989474 0-231.747368 188.631579-418.582456 418.582456-418.582456 89.824561 0 170.666667 28.74386 238.933333 75.452631 17.964912 12.575439 41.319298 10.778947 57.48772-5.389473l1.796491-1.796491c19.761404-17.964912 16.168421-50.301754-7.185965-66.470176C720.392982 37.726316 619.789474 3.592982 510.203509 3.592982 229.950877 3.592982 3.592982 231.747368 3.592982 512c0 253.305263 185.038596 463.494737 427.564913 503.017544 26.947368 3.592982 50.301754-16.168421 50.301754-44.912281zM851.536842 203.003509c-16.168421 16.168421-17.964912 41.319298-3.592982 59.28421 43.115789 57.487719 71.859649 127.550877 80.842105 203.003509 1.796491 23.354386 21.557895 39.522807 44.912281 39.522807 26.947368 0 46.708772-23.354386 44.91228-50.301754-10.778947-91.621053-44.912281-176.05614-98.807017-246.119299-16.168421-21.557895-48.505263-25.150877-68.266667-5.389473zM921.6 600.02807c-35.929825 167.073684-172.463158 298.217544-341.333333 326.961404-21.557895 3.592982-37.726316 21.557895-37.726316 44.91228 0 26.947368 25.150877 48.505263 52.098245 44.912281 206.596491-34.133333 373.670175-192.224561 416.785965-397.024561 5.389474-28.74386-14.37193-53.894737-43.115789-53.894737h-1.796491c-21.557895-1.796491-39.522807 12.575439-44.912281 34.133333z"
                fill="#2D3234"/>
        </svg>,
        pingjia: <svg className="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg">
            <path
                d="M490.816 698.133333a21.354667 21.354667 0 0 1-4.906667 2.986667l-176.938666 78.442667c-50.133333 19.797333-89.109333-18.773333-70.549334-69.802667l0.917334-2.176 84.138666-170.090667a21.333333 21.333333 0 0 1 3.434667-5.013333c0.896-1.493333 1.984-2.88 3.264-4.16l422.378667-422.4a64 64 0 0 1 90.496 0l75.434666 75.434667a64 64 0 0 1 0 90.517333L496.106667 694.250667a21.333333 21.333333 0 0 1-5.290667 3.882666z m-130.24-139.413333l-82.432 166.656c-5.461333 15.829333-0.234667 20.586667 14.336 14.826667l172.928-76.650667-104.832-104.832z m135.530667 75.178667l316.8-316.778667-105.6-105.6-316.8 316.8 105.6 105.6z m346.944-346.944l45.269333-45.269334a21.333333 21.333333 0 0 0 0-30.165333L812.885333 136.106667a21.333333 21.333333 0 0 0-30.165333 0L737.472 181.333333l105.6 105.6zM896 454.272a21.333333 21.333333 0 0 1 42.666667 0V789.333333a149.333333 149.333333 0 0 1-149.333334 149.333334H234.666667a149.333333 149.333333 0 0 1-149.333334-149.333334V234.666667a149.333333 149.333333 0 0 1 149.333334-149.333334h338.496a21.333333 21.333333 0 1 1 0 42.666667H234.666667a106.666667 106.666667 0 0 0-106.666667 106.666667v554.666666a106.666667 106.666667 0 0 0 106.666667 106.666667h554.666666a106.666667 106.666667 0 0 0 106.666667-106.666667V454.272z"
                fill="#222222"/>
        </svg>,
        qiuzhiyixiang: <svg className="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg">
            <path
                d="M977.8 462.4c-8.8-82.7-39.5-161.5-89.3-228.9C829.4 153.6 748.3 95.4 654 65.3c-5.1-1.6-10.4-2.5-15.8-2.5-25.5 0-47.6 19-51.4 44.3-3.8 25.4 11.2 49.4 35.7 57.3 26 8.3 51.2 19.6 74.9 33.6 42 24.9 78.2 57.7 107.5 97.4 29.3 39.7 50 83.9 61.5 131.3 2.7 11.2 4.9 22.5 6.5 34h-16.5c-4.8-33.7-14.6-66.3-29-97-17.1-36.4-40.3-69.4-69.1-98.2-28.6-28.6-61.5-51.8-97.7-68.8-30.6-14.4-63-24.1-96.5-29.1v-108c0-28.7-23.3-52-52-52-23.8 0-43.9 16-50 37.9-82.7 8.6-161.4 39.2-228.7 88.9C127.2 212.7 59.6 331.6 46 462.5c-22.1 6-38.4 26.2-38.4 50.2 0 24.1 16.5 44.4 38.8 50.3 9.1 81.9 39.8 160.1 89.1 226.9 78.1 105.7 196.2 173.5 326.2 187.8 5.9 22.3 26.2 38.7 50.3 38.7 24 0 44.2-16.3 50.2-38.4 82.6-8.7 161.3-39.2 228.6-88.9 105.5-77.9 173-196 187-326.1 22.2-5.9 38.6-26.2 38.6-50.3 0-24.1-16.4-44.3-38.6-50.3zM514.5 512l-0.6 0.9h-1.1c-0.6 0-1-0.2-1.4-0.6-0.4-0.4-0.6-0.9-0.5-1.4 0-1.1 0.9-1.9 2.1-1.9 0.5 0 1 0.2 1.4 0.6 0.4 0.4 0.6 0.9 0.6 1.4-0.1 0.3-0.2 0.7-0.5 1z m7.5 59.1c6.1-2.1 11.3-6.1 14.8-11.4 0.6 0 1.2 0.1 1.8 0.1 9.5 0 18.5-4.6 24.1-12.2 7.5-10.2 11.7-22.3 12.1-35 0.5-16.5-5.5-32.3-16.9-44.3-11.4-12-26.8-18.9-43.3-19.4h-1.8c-16.2 0-31.5 6.2-43.2 17.5-11.7 11.3-18.4 26.5-18.8 42.7-0.5 16.6 5.5 32.3 16.9 44.3 9.3 9.8 21.2 16.2 34.2 18.5v49.2c-23.9 4.7-42 25.8-42 51v120.8c-115.1-21.6-207-113.2-229-228.2H352c28.7 0 52-23.3 52-52s-23.3-52-52-52H230.3c20.7-117 113-210.1 229.7-232v122.8c0 28.7 23.3 52 52 52s52-23.3 52-52V228.4c117.7 21.2 210.7 114.5 231.5 232.3H672.1c-28.7 0-52 23.3-52 52s23.3 52 52 52h122.7C772.7 680.5 680.1 772.2 564 793.3V672.1c0-25.3-18.1-46.3-42-51v-50z m-96-414.2c11.2-2.7 22.6-4.8 34-6.5v17.4c-33.2 5-65.3 14.8-95.6 29.2-35.9 17-68.5 40-96.9 68.4-28.8 28.8-52 61.8-69.1 98.2-14.4 30.8-24.1 63.3-29 97H151c0.2-1.3 0.4-2.5 0.5-3.8 7-46.9 22.7-91.2 46.6-131.7 24.8-41.9 57.4-78 96.9-107.2 39.6-29.1 83.6-49.7 131-61zM170 564.7c5.1 33 14.9 65 29.3 95.1 17 35.7 39.9 68.1 68.2 96.4 28.4 28.4 61 51.5 96.9 68.4 30.3 14.4 62.4 24.2 95.6 29.2v18.8c-0.5-0.1-1-0.2-1.5-0.2-46.9-7.1-91.2-22.9-131.8-47-42-24.9-78.2-57.7-107.5-97.4-29.3-39.7-50-83.9-61.5-131.3-2.5-10.5-4.6-21.3-6.2-32H170z m428 301.8c-11.2 2.7-22.6 4.8-34 6.5v-18.9c33.5-4.9 65.9-14.7 96.5-29.1 36.2-17 69.1-40.2 97.7-68.8 28.3-28.3 51.3-60.7 68.2-96.4 14.3-30.1 24.2-62.1 29.3-95.1h17l-0.3 1.8c-7 46.9-22.7 91.2-46.6 131.7-24.8 41.9-57.4 78-96.9 107.2-39.5 29.2-83.5 49.8-130.9 61.1z"
                fill="#BBFFFF"/>
            <path
                d="M964.4 480.7h-5c-5.8-82.3-34.3-163.9-87-235.2-58.4-79-137.7-133.4-224.5-161.1-18.7-6-38.4 6.3-41.3 25.8-2.3 15.6 7 30.5 22 35.2 27.5 8.8 53.9 20.6 79 35.5 44.3 26.3 82.4 60.8 113.4 102.7s52.7 88.5 64.8 138.5c4.7 19.4 7.8 39 9.4 58.7h-56.7c-6.9-76-39.8-146.5-94.4-201.1-54.4-54.4-124.5-87.2-200.1-94.3V59.6c0-17.7-14.3-32-32-32s-32 14.3-32 32V64c-82.2 5.6-163.8 33.9-234.9 86.5-110 81.3-172 203.5-180.6 330.2h-4.9c-17.7 0-32 14.3-32 32s14.3 32 32 32h5.2c6.1 81.6 34.6 162.6 86.8 233.3C232.6 887.7 354 949.9 480 959.3v5.1c0 17.7 14.3 32 32 32s32-14.3 32-32v-4.9c82.2-5.6 163.8-34 234.9-86.5 109.5-80.9 171.4-202.2 180.4-328.3h5.1c17.7 0 32-14.3 32-32s-14.3-32-32-32z m-146 0H672.1c-17.7 0-32 14.3-32 32s14.3 32 32 32H818c-15.8 143.2-130.4 257.1-274 271.6V672.1c0-17.7-14.3-32-32-32s-32 14.3-32 32V816c-142.7-15.3-256.5-128.8-272.2-271.4h144.3c17.7 0 32-14.3 32-32s-14.3-32-32-32H207.4C221.5 336.3 336 221 480 205.6v145.9c0 17.7 14.3 32 32 32s32-14.3 32-32V205.4C688.8 220 804.2 335.7 818.4 480.7zM131.7 454c7.4-49.4 23.9-96.2 49.2-138.9 26.1-44.2 60.5-82.3 102.2-113.1s88.2-52.5 138.1-64.5c19.4-4.6 39-7.8 58.7-9.3v57.3c-74.9 7.4-144.4 40.2-198.3 94.2-54.6 54.6-87.5 125.1-94.4 201.1h-58.6c0.8-9 1.8-17.9 3.1-26.8z m323.8 438.1c-49.4-7.5-96.2-24.2-139-49.5-44.3-26.3-82.4-60.8-113.4-102.7s-52.7-88.5-64.8-138.5c-4.5-18.8-7.6-37.7-9.3-56.7h58.7c7.6 74.6 40.3 143.7 94 197.4 53.9 53.9 123.4 86.7 198.3 94.2V895c-8.2-0.7-16.4-1.6-24.5-2.9z m436.8-322.7c-7.4 49.4-23.9 96.2-49.2 138.9-26.1 44.2-60.5 82.3-102.2 113.1S652.7 874 602.7 886c-19.4 4.6-39 7.7-58.7 9.3v-58.9c75.6-7.1 145.8-39.9 200.1-94.3 53.7-53.7 86.4-122.8 94-197.4h57c-0.7 8.2-1.6 16.5-2.8 24.7z"
                fill="#5DD8F9"/>
            <path
                d="M514.1 468.8h-1.2c-22.6 0-41.3 18.1-42 40.8-0.3 11.2 3.8 21.9 11.5 30 7.7 8.2 18.1 12.8 29.3 13.1h0.3c5.4 0 9.8-4.3 10-9.7 0.2-5.5-4.2-10.1-9.7-10.3-5.9-0.2-11.3-2.6-15.4-6.9-4-4.3-6.2-9.9-6-15.7 0.3-12.1 10.5-21.7 22.6-21.4 12.1 0.3 21.7 10.5 21.4 22.6-0.1 4.5-1.6 8.8-4.3 12.4-3.3 4.4-2.3 10.7 2.1 14 4.4 3.3 10.7 2.3 14-2.1 5.1-6.9 7.9-15.1 8.2-23.7 0.6-23-17.7-42.4-40.8-43.1z"
                fill="#5DD8F9"/>
        </svg>,
        xiangmujingli: <svg className="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg">
            <path
                d="M977.8 462.4c-8.8-82.7-39.5-161.5-89.3-228.9C829.4 153.6 748.3 95.4 654 65.3c-5.1-1.6-10.4-2.5-15.8-2.5-25.5 0-47.6 19-51.4 44.3-3.8 25.4 11.2 49.4 35.7 57.3 26 8.3 51.2 19.6 74.9 33.6 42 24.9 78.2 57.7 107.5 97.4 29.3 39.7 50 83.9 61.5 131.3 2.7 11.2 4.9 22.5 6.5 34h-16.5c-4.8-33.7-14.6-66.3-29-97-17.1-36.4-40.3-69.4-69.1-98.2-28.6-28.6-61.5-51.8-97.7-68.8-30.6-14.4-63-24.1-96.5-29.1v-108c0-28.7-23.3-52-52-52-23.8 0-43.9 16-50 37.9-82.7 8.6-161.4 39.2-228.7 88.9C127.2 212.7 59.6 331.6 46 462.5c-22.1 6-38.4 26.2-38.4 50.2 0 24.1 16.5 44.4 38.8 50.3 9.1 81.9 39.8 160.1 89.1 226.9 78.1 105.7 196.2 173.5 326.2 187.8 5.9 22.3 26.2 38.7 50.3 38.7 24 0 44.2-16.3 50.2-38.4 82.6-8.7 161.3-39.2 228.6-88.9 105.5-77.9 173-196 187-326.1 22.2-5.9 38.6-26.2 38.6-50.3 0-24.1-16.4-44.3-38.6-50.3zM514.5 512l-0.6 0.9h-1.1c-0.6 0-1-0.2-1.4-0.6-0.4-0.4-0.6-0.9-0.5-1.4 0-1.1 0.9-1.9 2.1-1.9 0.5 0 1 0.2 1.4 0.6 0.4 0.4 0.6 0.9 0.6 1.4-0.1 0.3-0.2 0.7-0.5 1z m7.5 59.1c6.1-2.1 11.3-6.1 14.8-11.4 0.6 0 1.2 0.1 1.8 0.1 9.5 0 18.5-4.6 24.1-12.2 7.5-10.2 11.7-22.3 12.1-35 0.5-16.5-5.5-32.3-16.9-44.3-11.4-12-26.8-18.9-43.3-19.4h-1.8c-16.2 0-31.5 6.2-43.2 17.5-11.7 11.3-18.4 26.5-18.8 42.7-0.5 16.6 5.5 32.3 16.9 44.3 9.3 9.8 21.2 16.2 34.2 18.5v49.2c-23.9 4.7-42 25.8-42 51v120.8c-115.1-21.6-207-113.2-229-228.2H352c28.7 0 52-23.3 52-52s-23.3-52-52-52H230.3c20.7-117 113-210.1 229.7-232v122.8c0 28.7 23.3 52 52 52s52-23.3 52-52V228.4c117.7 21.2 210.7 114.5 231.5 232.3H672.1c-28.7 0-52 23.3-52 52s23.3 52 52 52h122.7C772.7 680.5 680.1 772.2 564 793.3V672.1c0-25.3-18.1-46.3-42-51v-50z m-96-414.2c11.2-2.7 22.6-4.8 34-6.5v17.4c-33.2 5-65.3 14.8-95.6 29.2-35.9 17-68.5 40-96.9 68.4-28.8 28.8-52 61.8-69.1 98.2-14.4 30.8-24.1 63.3-29 97H151c0.2-1.3 0.4-2.5 0.5-3.8 7-46.9 22.7-91.2 46.6-131.7 24.8-41.9 57.4-78 96.9-107.2 39.6-29.1 83.6-49.7 131-61zM170 564.7c5.1 33 14.9 65 29.3 95.1 17 35.7 39.9 68.1 68.2 96.4 28.4 28.4 61 51.5 96.9 68.4 30.3 14.4 62.4 24.2 95.6 29.2v18.8c-0.5-0.1-1-0.2-1.5-0.2-46.9-7.1-91.2-22.9-131.8-47-42-24.9-78.2-57.7-107.5-97.4-29.3-39.7-50-83.9-61.5-131.3-2.5-10.5-4.6-21.3-6.2-32H170z m428 301.8c-11.2 2.7-22.6 4.8-34 6.5v-18.9c33.5-4.9 65.9-14.7 96.5-29.1 36.2-17 69.1-40.2 97.7-68.8 28.3-28.3 51.3-60.7 68.2-96.4 14.3-30.1 24.2-62.1 29.3-95.1h17l-0.3 1.8c-7 46.9-22.7 91.2-46.6 131.7-24.8 41.9-57.4 78-96.9 107.2-39.5 29.2-83.5 49.8-130.9 61.1z"
                fill="#BBFFFF"/>
            <path
                d="M964.4 480.7h-5c-5.8-82.3-34.3-163.9-87-235.2-58.4-79-137.7-133.4-224.5-161.1-18.7-6-38.4 6.3-41.3 25.8-2.3 15.6 7 30.5 22 35.2 27.5 8.8 53.9 20.6 79 35.5 44.3 26.3 82.4 60.8 113.4 102.7s52.7 88.5 64.8 138.5c4.7 19.4 7.8 39 9.4 58.7h-56.7c-6.9-76-39.8-146.5-94.4-201.1-54.4-54.4-124.5-87.2-200.1-94.3V59.6c0-17.7-14.3-32-32-32s-32 14.3-32 32V64c-82.2 5.6-163.8 33.9-234.9 86.5-110 81.3-172 203.5-180.6 330.2h-4.9c-17.7 0-32 14.3-32 32s14.3 32 32 32h5.2c6.1 81.6 34.6 162.6 86.8 233.3C232.6 887.7 354 949.9 480 959.3v5.1c0 17.7 14.3 32 32 32s32-14.3 32-32v-4.9c82.2-5.6 163.8-34 234.9-86.5 109.5-80.9 171.4-202.2 180.4-328.3h5.1c17.7 0 32-14.3 32-32s-14.3-32-32-32z m-146 0H672.1c-17.7 0-32 14.3-32 32s14.3 32 32 32H818c-15.8 143.2-130.4 257.1-274 271.6V672.1c0-17.7-14.3-32-32-32s-32 14.3-32 32V816c-142.7-15.3-256.5-128.8-272.2-271.4h144.3c17.7 0 32-14.3 32-32s-14.3-32-32-32H207.4C221.5 336.3 336 221 480 205.6v145.9c0 17.7 14.3 32 32 32s32-14.3 32-32V205.4C688.8 220 804.2 335.7 818.4 480.7zM131.7 454c7.4-49.4 23.9-96.2 49.2-138.9 26.1-44.2 60.5-82.3 102.2-113.1s88.2-52.5 138.1-64.5c19.4-4.6 39-7.8 58.7-9.3v57.3c-74.9 7.4-144.4 40.2-198.3 94.2-54.6 54.6-87.5 125.1-94.4 201.1h-58.6c0.8-9 1.8-17.9 3.1-26.8z m323.8 438.1c-49.4-7.5-96.2-24.2-139-49.5-44.3-26.3-82.4-60.8-113.4-102.7s-52.7-88.5-64.8-138.5c-4.5-18.8-7.6-37.7-9.3-56.7h58.7c7.6 74.6 40.3 143.7 94 197.4 53.9 53.9 123.4 86.7 198.3 94.2V895c-8.2-0.7-16.4-1.6-24.5-2.9z m436.8-322.7c-7.4 49.4-23.9 96.2-49.2 138.9-26.1 44.2-60.5 82.3-102.2 113.1S652.7 874 602.7 886c-19.4 4.6-39 7.7-58.7 9.3v-58.9c75.6-7.1 145.8-39.9 200.1-94.3 53.7-53.7 86.4-122.8 94-197.4h57c-0.7 8.2-1.6 16.5-2.8 24.7z"
                fill="#5DD8F9"/>
            <path
                d="M514.1 468.8h-1.2c-22.6 0-41.3 18.1-42 40.8-0.3 11.2 3.8 21.9 11.5 30 7.7 8.2 18.1 12.8 29.3 13.1h0.3c5.4 0 9.8-4.3 10-9.7 0.2-5.5-4.2-10.1-9.7-10.3-5.9-0.2-11.3-2.6-15.4-6.9-4-4.3-6.2-9.9-6-15.7 0.3-12.1 10.5-21.7 22.6-21.4 12.1 0.3 21.7 10.5 21.4 22.6-0.1 4.5-1.6 8.8-4.3 12.4-3.3 4.4-2.3 10.7 2.1 14 4.4 3.3 10.7 2.3 14-2.1 5.1-6.9 7.9-15.1 8.2-23.7 0.6-23-17.7-42.4-40.8-43.1z"
                fill="#5DD8F9"/>
        </svg>

    }
    return <>
        {iconMap[type]}
    </>
}

export const SuTitle: React.FC<PropsType> = ({
    fillColor,
    height = 36,
    icon,
    title
}) => {
    return <div className={st['su-title']} style={{height}}>
        <div style={{width: 10, height: '100%', background: 'var(--main-color)'}}/>
        {icon}
        <svg id='tit' viewBox={'0 0 180 40'} height="100%">
            {
                fillColor ?
                    <path className='bg' d="M 0 0 L 120 0 L 150 20 L 120 40 L 0 40 L 0 0" fill={fillColor}/>
                    :
                    <path className='bg' d="M 0 0 L 120 0 L 150 20 L 120 40 L 0 40 L 0 0" />
            }
            <text x={55} y={18} dy={'.5em'} style={{
                fontWeight: 'bold',
                textAnchor: 'middle',
                fill: '#fff',
            }}>{title}</text>
        </svg>
        {/*<span className={st['title-text']}>{title}</span>*/}
        <div style={{background: '#efefef', width: '74%', height: 12, marginLeft: 'auto', borderRadius: 6}}/>
    </div>

}
